<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="import" href="indexs.html" id="page1">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
<body>
<script type="text/javascript">
    document.write(page1.import.body.innerHTML);
</script>
<!--<table id="demo" lay-filter="test"></table>-->

<table class="layui-hide" id="test"></table>

<script src="/layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script type="text/html" id="ostate">
    {{#  if(d['oState']==0){ }}
    {{ "未完成" }}
    {{#  } else { }}
    {{ "已完成" }}
    {{#  } }}
</script>
<script>
    /* layui.use(['table','laypage'], function(){
         var table = layui.table
             ,laypage = layui.laypage;

         table.render({
             elem: '#test'
             ,url:'/myCentre/Order/'
             ,method:'post'
             ,cellMinWidth: 80
             ,parseData:function (res) {
                 console.log(res);
                 return{
                     "code":200,
                    // "msg":"",
                     data:res
                 }
             }
             ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                 layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                 //,curr: 5 //设定初始在第 5 页
                 ,groups: 1 //只显示 1 个连续页码
                 ,first: false //不显示首页
                 ,last: false //不显示尾页

             }
             ,cols: [[
                 {field:'oNum', title: '订单号', sort: true}
                 ,{field:'oAlinum', title: '支付宝交易号'}
                 ,{field:'oBanlance',  title: '订单金额', sort: true}
                 ,{field:'oPlatformbanlance',  title: '生成时间', sort: true}
                 ,{field:'oState',  title: '订单状态'}
             ]]
             ,response: {
                 statusName: 'code' //数据状态的字段名称，默认：code
                 ,statusCode: 200 //成功的状态码，默认：0
                 ,msgName: 'message' //状态信息的字段名称，默认：msg
                 ,countName: 'totalCount' //数据总数的字段名称，默认：count
                 ,dataName: 'data' //数据列表的字段名称，默认：data
             }
             ,page: true
         });
     });*/

    layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#test'
            ,url:'/coachCentre/Order/?tId=1'
            ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,parseData:function (res) {
                return{
                    "code":0,
                    count:res.length,
                    // "msg":"",
                    data:res
                }
            }
            ,page:true
            ,cols: [[
                {field:'oNum', title: '订单号', sort: true}
                ,{field:'oBanlance',  title: '订单金额', sort: true}
                ,{field:'oPlatformbanlance',  title: '生成时间', sort: true}
                ,{field:'oTrainerbanlance', title:'教练分成',sort:true}
                ,{field:'oState',  title: '订单状态',templet:'#ostate'}
            ]]
        });
    });

</script>

</body>
</html>